<!DOCTYPE html>
<html layout:decorate="~{layout}" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

<head>
    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>

    <title th:text="#{screen.confirmation.message}">Confirm View</title>
    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
</head>

<body>
<main class="container mt-3 mb-3" role="main">
    <div class="mdc-card p-4 m-auto w-lg-66" layout:fragment="content">
        <h4 th:text="#{screen.confirmation.message}">You asked to be warned before logging into applications. Please
            proceed.</h4>

        <form class="" id="form" method="post">
            <input name="execution" th:value="${flowExecutionKey}" type="hidden"/>
            <div class="mdc-form-field">
                <div class="mdc-checkbox">
                    <input class="mdc-checkbox__native-control" id="ignorewarn" name="ignorewarn" type="checkbox"
                           value="true"/>
                    <div class="mdc-checkbox__background">
                        <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
                            <path class="mdc-checkbox__checkmark-path" d="M1.73,12.91 8.1,19.28 22.79,4.59"
                                  fill="none"/>
                        </svg>
                        <div class="mdc-checkbox__mixedmark"></div>
                    </div>
                    <div class="mdc-checkbox__ripple"></div>
                </div>
                <label for="ignorewarn" th:utext="#{screen.welcome.label.warnremove}">Do
                    not warn me again</label>
            </div>

            <button accesskey="l" class="mdc-button mdc-button--raised mt-4 d-block" name="_eventId_success"
                    value="Continue">
                <span th:text="#{screen.button.continue}"></span>
            </button>
        </form>
    </div>
</main>
</body>

</html>